{% extends "default-layout.html" %}

{% block stylesheet %}
<style>
    .braft-output-content p{min-height:1em}.braft-output-content .image-wrap img{max-width:100%;height:auto}.braft-output-content ul,.braft-output-content ol{margin:16px 0;padding:0}.braft-output-content blockquote{margin:0 0 10px 0;padding:15px 20px;background-color:#f1f2f3;border-left:solid 5px #ccc;color:#666;font-style:italic}.braft-output-content pre{max-width:100%;max-height:100%;margin:10px 0;padding:15px;overflow:auto;background-color:#f1f2f3;border-radius:3px;color:#666;font-family:monospace;font-size:14px;font-weight:normal;line-height:16px;word-wrap:break-word;white-space:pre-wrap}.braft-output-content pre pre{margin:0;padding:0}
</style>
{% endblock %}

{% block body %}
<article>
    <div class="whitebg about">
        <div class="ab_box"> <i class="avatar_pic"><img src="{{site_about_avatar}}"></i>
            <h3>{{site_about_name}}</h3>
            <p class="braft-output-content">
                {{site_about_desc|safe}}
            </p>
        </div>
        <h2 class="gd_title">About</h2>
        <p class="ab_dubai braft-output-content">
            {{site_about_content|safe}}
        </p>
        <!--<span class="ly_button"><a href="#" target="_blank">留言</a></span>-->
        <div class="braft-output-content">
            {{site_about_other|safe}}
        </div>
    </div>
</article>
{% endblock %}